extends ../../components/layout
append style
  link(rel='stylesheet', href='../../assets/css/lib/swiper.min.css')
  link(rel='stylesheet', href='../../assets/css/smallShop/smallShop.css')   
block title
  title 小铺名称
block content
  .gzl-page.small-shop-page
    .gzl-section
      .small-shop-hd
        .icon-logo
        .small-shop-avatar
          img(src="../../assets/img/smallShop/small-shop-bg.png")
        h1.small-shop-tit
          strong 梦想旅行家
        .small-shop-info 带你环游世界，实现你的旅游梦想，带你环游世界，实现你的旅游梦想。
        .small-shop-contact
          a.contact-card 了解店主
          a.contact-type(href='tel:13800138000') 联系电话
      .small-shop-swiper
        +swiper(class="gzl-swiper")
      - var nav = ['跟团游','自由行','酒店','票券','邮轮']
      .small-shop-nav
        .swiper-container.nav-box
          ul.swiper-wrapper.gzl-navbar
            -for(var i=0;i<nav.length;i++)
              li.swiper-slide.gzl-navbar__item #{nav[i]}
      .swiper-container.small-shop-type
        .swiper-wrapper
          -for (var i=0;i<nav.length;i++)
            ul.swiper-slide.small-shop-list
              - for (var j=0;j<nav.length-i;j++)
                li.list-item
                  img.img-item(src="http://www.gzl.com.cn/b2c-image/2017/11/24/222a8934-c4f2-4445-bcf4-b79aca2b8d35_300X200.jpg")
                  .info-item.gzl-flex
                    .gzl-flex__item
                      p 桂林、阳朔、兴坪漓江、遇龙河漂流、动车4天 印象刘三姐 象鼻山 全程入…兴坪漓江、遇龙河漂流、动车4天 印象刘三姐 象鼻山 全程入…
                    .price-item ￥
                      span 23899
      .gzl-cell__tips 温馨提示：该小铺产品均由广之旅提供，若有疑问可致电广之旅官方客服热线<a class="font-orange" href="tel:4008638888">4008638888</a>或通过广之旅官方网站/APP/微商城进行了解
    +asidebar([{icon: '#icon-menu',class: 'show-menu'},{icon: '#icon-to-top',class: 'to-top'}])
append script
  script(src="../../assets/js/smallShop/smallShop.js")